<script setup lang="ts">
import { defineProps } from "vue";
const props = defineProps({
  state: String,
});
function handleClick(): void {
  uni.navigateTo({
    url: "/pages/login/index",
  });
}
</script>

<template>
  <view id="empty-page">
    <view id="empty-image">
      <image style="width: 100%" mode="widthFix" src="@/static/image/empty.jpg" />
    </view>
    <view id="empty-login" v-show="state === 'login'">
      登录后使用
      <view style="width: 200rpx">
        <nut-button block type="primary" size="small" @click="handleClick">登录</nut-button>
      </view>
    </view>
    <view id="empty-loading" v-show="state === 'loading'">
      <nut-divider style="width: 300rpx"> <nut-icon name="loading" />加载中... </nut-divider>
    </view>
  </view>
</template>

<style scoped lang="scss" src="./index.scss"></style>
